<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate,proxy-revalidate, max-age=0" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />

    <title>能源数据采集（掌上数据，仅供参考）</title>

    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>


    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.7/demo/demo.css">
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.7/jquery.easyui.min.js"></script>


    <script src="js/datePicker.js" type="text/javascript"></script>
    <script src="js/date01.js" type="text/javascript"></script>

    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/swiper.min.css">

    <link type="text/css" rel="stylesheet" href="css/wx_main_css.css">

    <script src="js/wx_main_jx.js" type="text/javascript"></script>
    <!--
    <script src="js/datetime.js" type="text/javascript"></script>
    -->

    <script src="js/swiper.min.js"></script>
    <script src="js/dyselect.js"></script>



</head>
<body>

<div class="d_main">

    <div class="d_detail01">
        <button class="btn2">染厂名称</button>
        <div class="d_detail01_1">
                <div class="demos">
                    <label for="appDateTime">开始日期:</label>
                    <input class="Datetext" type="text" name="appDateTime" id="appDateTime" readonly/>
                </div>

                <div class="demos">
                    <label for="appDateTime02">结束日期:</label>
                    <input class="Datetext" type="text" name="appDateTime02" id="appDateTime02" readonly/>
                </div>

        </div>

        <div class="d_detail01_4">
            <div class="d_detail01_2">
                <a href="#" class="main-query" onclick="getquery()">查&nbsp;询</a>
            </div>
            <div class="d_detail01_3">
                <a href="#" class="main-query" onclick="getJTHDetail()">明&nbsp;细</a>
            </div>
     </div>

</div>

    <div class="d_detail02">
        <div style="margin:1px 0 1px 0;"></div>
        <div id="tabs" class="easyui-tabs" style="width:100%;height:100%">
            <div title="天然气" data-options="tabWidth:80" style="padding:0px">
                <table id="waterdetai01" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
                       toolbar:'#tb',footer:'#ft'" >

                     <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'b_YBName',width:110,align:'center'">机台名称</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <!-- <th  data-options="field:'addr',width:80,align:'center'">地址码</th> -->

                        <th  data-options="field:'b_LLAll',width:90,align:'right'">本期用量</th>
                        <th  data-options="field:'B_Qty',width:90,align:'right'">本期产量</th>
                        <th  data-options="field:'XH',width:90,align:'right'">吨耗用</th>
                    </tr>
                    </thead>

                </table>
            </div>

            <div  title="水表" data-options="tabWidth:80" style="padding:0px">
                <table id="waterdetai02" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
          url:'jquery-easyui-1.6.7/demo/accordion/datagrid_data1.json',toolbar:'#tb',footer:'#ft'" >
                    <!--url:'datagrid_data1.json',-->

                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'b_YBName',width:110,align:'center'">机台名称</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <!-- <th  data-options="field:'addr',width:80,align:'center'">地址码</th> -->

                        <th  data-options="field:'b_LLAll',width:90,align:'right'">本期用量</th>
                        <th  data-options="field:'B_Qty',width:90,align:'right'">本期产量</th>
                        <th  data-options="field:'XH',width:90,align:'right'">吨耗用</th>
                    </tr>
                    </thead>

                </table>
            </div>

            <div  title="电表" data-options="tabWidth:80" style="padding:0px">
                <table id="waterdetai03" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
          url:'jquery-easyui-1.6.7/demo/accordion/datagrid_data1.json',toolbar:'#tb',footer:'#ft'" >
                    <!--url:'datagrid_data1.json',-->
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'b_YBName',width:110,align:'center'">机台名称</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <!-- <th  data-options="field:'addr',width:80,align:'center'">地址码</th> -->

                        <th  data-options="field:'b_LLAll',width:90,align:'right'">本期用量</th>
                        <th  data-options="field:'B_Qty',width:90,align:'right'">本期产量</th>
                        <th  data-options="field:'XH',width:90,align:'right'">吨耗用</th>
                    </tr>
                    </thead>

                </table>
            </div>


            <div  title="蒸汽" data-options="tabWidth:80" style="padding:0px">
                <table id="waterdetai04" class="easyui-datagrid"  style="width:100%;height:100%;"
                       data-options="rownumbers:true,singleSelect:true,method:'get',
          url:'jquery-easyui-1.6.7/demo/accordion/datagrid_data1.json',toolbar:'#tb',footer:'#ft'" >
                    <!--url:'datagrid_data1.json',-->
                    <thead data-options="frozen:true">
                    <tr>
                        <th  data-options="field:'b_YBName',width:110,align:'center'">机台名称</th>
                    </tr>
                    </thead>
                    <thead>
                    <tr>
                        <!-- <th  data-options="field:'addr',width:80,align:'center'">地址码</th> -->

                        <th  data-options="field:'b_LLAll',width:90,align:'right'">本期用量</th>
                        <th  data-options="field:'B_Qty',width:90,align:'right'">本期产量</th>
                        <th  data-options="field:'XH',width:90,align:'right'">吨耗用</th>
                    </tr>
                    </thead>

                </table>
            </div>



        </div>
    </div>
    <div class="d_detail03">

        <input onclick="getdaydate()" type="button" class="d_detail03_2_1 buttom" value="昨天">
        <input onclick="getWeekdate()" type="button" class="d_detail03_2_1 buttom" value="一周">
        <input onclick="getOneMonthdate()" type="button" class="d_detail03_2_1 buttom" value="一月">
        <input onclick="getMonthdate()" type="button" class="d_detail03_2_1 buttom" value="本月">
        <input onclick="getClientName()" type="button" id="imagedetable" class="d_detail03_2_1 buttom" value="图表">

        <!--
                    <a href="#" class="buttom" onclick="getdaydate()">昨天</a>
                    <a href="#" class="buttom buttom01" onclick="getWeekdate()">一周</a>
                    <a href="#" class="buttom buttom01" onclick="getOneMonthdate()">一月</a>
                    <a href="#" class="buttom buttom01" onclick="getMonthdate()">本月</a>
                    <a class="buttom buttom01" id="imagedetable" onclick="getClientName()" >图表</a>
                href="html/wx_image_detail.html?name=中文&age=21"-->
    </div>

    <!--下拉弹出的div*/-->
    <div class="select_box select_box2"></div>
</div>


</body>
<script>
    $(".buttom").click(
        function() {
            $(".buttom").eq($(this).index()).css('background', '#2eafbb').siblings().css('background', '#f5f5f5');
            $(".buttom").attr("disabled",true);
        })

</script>

</html>